@import "element";

body {
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
}

/*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
  background-color: white;
  height: 13px;
  width: 13px;
}

/*定义滚动条的轨道，内阴影及圆角*/
::-webkit-scrollbar-track {
  background-color: #f5f5f5;
}

/*定义滑块，内阴影及圆角*/
::-webkit-scrollbar-thumb {
  background-color: #ccc;
}

//减小el-dialog padding
.small-padding {
  .el-dialog__body {
    padding: 5px 25px 20px 25px;
  }
}

//用于选择数据的el-dialog使用，更改默认padding
.select-dialog .el-dialog__body {
  padding: 0 35px 30px 35px;
}

.vm-search {
  text-align: left;
  width: auto;
}

//用于编辑页面，搜索页面等，等分子元素
.vm-separate {
  display: flex;
}

.vm-separate > * {
  flex: 1;
}

//用于编辑页面，设置el-select, .el-date-editor, .el-cascader宽度为100%
.formFillWidth {
  .el-select, .el-date-editor, .el-cascader {
    width: 100%;
  }
}

//普通table使用
table.vm-table {
  border: 1px #ccc;
  border-collapse: collapse;
  font-size: 12px;
  line-height: normal;

  th {
    background-color: #f8f8f8;
    border: 1px solid #eee;
    color: #444;
    padding: 8px 5px;
    white-space: nowrap;
  }

  td {
    background-color: #ffffff;
    border: 1px solid #eee;
    color: #555;
    padding: 5px;
    text-align: center;
  }
}

//a标签样式
a {
  background-color: transparent;
  color: #0088CC;
  cursor: pointer;
  font-size: 12px;
  text-decoration: none;
  user-select: none;

  &:link {
    color: #0088CC;
  }

  &:visited {
    color: #0088CC;
  }

  &:hover {
    color: #0088CC;
    text-decoration: underline;
  }

  + a:before {
    border-left: solid 1px #0088CC;
    content: "";
    display: inline-block;
    height: 8px;
    margin: 0 2px;
  }
}



